<!DOCTYPE html>
<html>
<head>
  <title>Test</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="style.css" />
  <style type="text/css">
    .test {
      color: red;
    }
  </style>
</head>
<body>

<h1 id="h1-test" class="h1-test" style="color: red;"><span>测试代码</span></h1>
<h2 style='border-bottom:1; text-align: left;font-family: "仿宋";color: red;'>abc标签1</h2>
<page-new/>
<h3 style='border-bottom:1; text-align: center;font-family: "楷体";color: red;'>abc标签1</h3>
<h4 style='border-bottom:1; text-align: center;font-family: "黑体";color: green;'>abc标签1</h4>
<h5 style='border-bottom:1; text-align: center;font-family: "微软雅黑";color: yellow;'>abc标签1</h5>
<h6 style='border-bottom:1; text-align: center;font-family: "微软雅黑";color: yellow;'>abc标签1</h6>

<img src="otsoe.jpg" alt="测试说明" style="width: 20;height: 20;"/>

<p>新的段落<span style='color: red;'>测试span</span></p>
<div>
  <p>div里面的p标签</p>
  <p>div里面的另一个p标签<span style='color: blue;'>另一个p标签的子标签<span>再来一个子标签</span></span><span>来一个兄弟标签</span></p>
</div>
</body>
</html>